// @import '../../default-vars.scss';
.portal-iconfont {
  font-family: "iconfont-1" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body{
  margin: 0;
  padding: 0;
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.pull-left{
  float: left;
}
.pull-right{
  float: right;
}
.cur-p{
	cursor: pointer!important;
	&:hover{
		opacity: .75;
	}
}
.cur-d{
	cursor: default!important;
}
.cur-he{
	cursor: help!important;
}
.cur-ha{
	cursor: hand!important;
}
.cur-t{
	cursor: text!important;
}
.cur-a{
	cursor: auto!important;
}
.cur-m{
	cursor: move!important;
}
.cur-c{
	cursor: crosshair!important;
}
.cur-not{
	cursor: not-allowed!important;
}
.hidden{
	display: none !important;
}
.dis-n{
	display: none !important;
}
.dis-b{
	display: block !important;
}
.dis-ib{
	display: inline-block !important;
}
.dis-i{
	display: inline !important;
}
.bg-white{
	background: $--color-white;
}
.bg-gray-4{
	background: $--border-color-extra-light !important;
}
.bg-gray-3{
	background: $--border-color-lighter !important;
}
.bg-gray-2{
	background: $--border-color-light !important;
}
.bg-gray-1{
	background: $--border-color-base !important;
}
.bg-primary{
	background: $--color-primary !important;
}
.bg-success{
	background: $--color-success !important;
}
.bg-warning{
	background: $--color-warning !important;
}
.bg-danger{
	background: $--color-danger !important;
}
.bg-info{
	background: $--color-info !important;
}
.text-black-1{
	color: $--color-text-primary !important;
}
.text-black-2{
	color: $--color-text-regular !important;
}
.text-black-3{
	color: $--color-text-secondary !important;
}
.text-black-4{
	color: $--color-text-placeholder !important;
}
.text-blue{
	color: $--color-primary !important;
}
.text-primary{
	color: $--color-primary !important;
}
.text-success{
	color: $--color-success !important;
}
.text-warning{
	color: $--color-warning !important;
}
.text-danger{
	color: $--color-danger !important;
}
.text-red{
	color: $--color-red !important;
}
.text-info{
	color: $--color-info !important;
}
.ftw-b{
	font-weight: bold !important;
}
.ov-h{
	overflow: hidden;
}
.ov-a{
	overflow: auto;
}
.ov-a-y{
	overflow-y: auto;
}
.ov-a-x{
	overflow-x: auto;
}
.el-table{
	th{
		background: $--border-color-extra-light;
		.cell{
			padding: 0 !important;
		}
	}
	td,th{
		padding-left: 5px;
		padding-right: 5px;
	}
}

.state-round{
	display: inline-block;
  width: 14px;
  height: 14px;
  background: $--avatar-background-color;
  border-radius: 50%;
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.state-round-running{
	background: $--color-success;
}
.state-round-error{
	background: $--color-danger;
}
.el-table{
	// &:first-child{
	// 	button{
	// 		margin-left: 3px;
	// 	}
	// }
	button{
		margin-right: 5px;
		margin-left: 0 !important;
	}
}
.avue-layout{
	height: calc(100% - 50px);
	position: relative;
}

.text-sort-1{
	color: $--color-sort-1;
}
.text-sort-2{
	color: $--color-sort-2;
}
.text-sort-3{
	color: $--color-sort-3;
}